<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- 引入登录界面特有样式 -->
    <link rel="stylesheet" href="css/login.css">
    <!-- 引入字体图标 -->
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />

</head>

<body>
    <!-- 导航栏部分 -->
    <header class="header">
        <div class="w">
            <div class="logo">
                <a href="index.html"><img src="img/logo.png" alt=""></a>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="#">新品速递</a></li>
                    <li><a href="#">热卖推荐</a></li>
                    <li>
                        <a href="#">商品分类</a>
                        <ul>
                            <li><a href="#">哈根达斯</a></li>
                            <li><a href="chocolate-ice.html">M&M'S</a></li>
                            <li><a href="shtawberry-ice.html">本·杰瑞</a></li>
                            <li><a href="#">德芙</a></li>
                        </ul>
                    </li>
                    <li><a href="chocolate-ice.html">品牌故事</a></li>
                    <li><a href="login.html">会员活动</a></li>
                </ul>
            </div>
            <div class="search">
                <input type="text" name="" id="" placeholder='哈根达斯'>
                <i class="icon-search icon-large"></i>
                <div class="cart">
                    <a href="shopping-cart.html">
                        <i class="icon-shopping-cart icon-2x"></i>
                        <span>购物车</span>
                    </a>
                </div>
            </div>
        </div>
    </header>
    <!-- 登录界面 -->
    <div class="login">
        <div class="vip">
            <h1>冰天美帝会员</h1>
            <a href="register.html">立即注册</a> &nbsp; <a href="#">忘记密码</a>
        </div>
        <form action="" method="post" class="form">
            <div class="item">
                <label for="one">账号：</label>
                <input type="text" name="" id="one" placeholder="用户名/邮箱/手机号">
            </div>
            <div class="item">
                <label for="two">密码：</label>
                <input type="password" name="" id="two" placeholder="请输入密码">
            </div>
            <a href="https://daoju.qq.com/mall/ " target="_blank">登录</a>
        </form>
    </div>
    <!--动画 -->
    <div class="bear"></div>
    <!-- 底部部分 -->
    <footer class="footer">
        <div class="w">
            <p>COPYRIGHT &reg;冰天美帝</p>
            <a href="#">沪 ICP 备13018738 号 </a> <span>-1 食品流通许可证 sp3101151210050229</span>
        </div>
</body>

</html>